<!DOCTYPE HTML>
<html>

<head>
    <title> 会员列表</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="../../../assets/css/dpl-min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/css/bs3/bui-min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/css/page-min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/css/jx-style.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/css/prettify.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<div class="container">
    <div class="detail-page">
        <h3>用户信息
            <button type="submit" id="user-add-btn" class=" pull-right button button-default">增加新用户</button>
        </h3>
        <hr>
        <div class="detail-section">
            <div class="detail-row">
                <form id="" class="form-horizontal well">
                    <div class="row ">
                        <div class="control-group span8">
                            <label class="control-label first">账号:</label>
                            <div class="controls">
                                <input name="" type="text" class="control-text">
                            </div>
                        </div>
                        <div class="control-group span8">
                            <label class="control-label">企业名称:</label>
                            <div class="controls">
                                <input name="sid" type="text" class="control-text">
                            </div>
                        </div>
                        <div class="control-group span8">
                            <label class="control-label">姓名:</label>
                            <div class="controls">
                                <input name="sid" type="text" class="control-text">
                            </div>
                        </div>
                        <div class="control-group span8">
                            <label class="control-label"> 注册时间:</label>
                            <div class="controls">
                                <input name="sid" type="text" class="control-text">
                            </div>
                        </div>
                        <div class="control-group span2 pull-right">
                            <button type="submit" class="button  jx-button">搜索</button>
                        </div>
                    </div>
                </form>
                <div id="tab"></div>
                <div id="panel" class="">
                    <div>
                        <div id="grid"></div>
                        <div></div>
                        <div></div>
                    </div>
                </div>
            </div>
            <!-- 表格 start-->
            <!--   <div id="grid"></div> -->
            <!-- 表格 end-->
        </div>
    </div>
</div>
</div>
<script type="text/javascript" src="../../../assets/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="../../../assets/js/bui-min.js"></script>
<script type="text/javascript" src="../../../assets/js/config-min.js"></script>
<script type="text/javascript">
    BUI.use('common/page');
</script>
<!-- script start -->
<script>
    /* 在服务器端可以使用*/
    $('#user-add-btn').click(function (e) {

        top.topManager.openPage({
            id: 'user-add',
            href: 'templates/user/user-list/user-add.html',
            title: '添加品牌'
        });

    });

    BUI.use(['bui/grid', 'bui/data', 'bui/tab', 'common/search'], function (Grid, Data, Tab, Search) {
        var Grid = Grid,
            Store = Data.Store,
            columns = [{
                title: '帐户ID',
                dataIndex: 'o',
                elCls: 'center', //居中
                width: 100
            }, {
                title: '账号',
                dataIndex: 'a',
                elCls: 'center', //居中
                width: 100
            }, {
                title: '认证状态 ',
                elCls: 'center',
                dataIndex: 'b',
                width: 100
            }, {
                title: '认证类型',
                elCls: 'center',
                dataIndex: 'c',
                width: 100
            }, {
                title: '企业',
                elCls: 'center',
                dataIndex: 'd',
                width: 100
            }, {
                title: '姓名',
                elCls: 'center',
                dataIndex: 'e',
                width: 100
            }, {
                title: '注册时间',
                dataIndex: 'f',
                elCls: 'center',
                width: 100
            }, {
                title: '审核时间',
                dataIndex: 'g',
                elCls: 'center',
                width: 100
            }, {
                title: '通过认证时间',
                dataIndex: 'h',
                elCls: 'center',
                width: 100
            }, {
                title: '使用状态',
                dataIndex: 'i',
                elCls: 'center',
                width: 100
            }, {
                title: '累积金额',
                dataIndex: 'j',
                elCls: 'center',
                width: 100
            }, {
                title: '账户余额',
                dataIndex: 'k',
                elCls: 'center',
                width: 100
            }, {
                title: '操作',
                dataIndex: 'h',
                elCls: 'center',
                width: 200,
                renderer: function (value, obj) {
                    var editStr = Search.createLink({ //链接使用 此方式
                        id: 'edit' + obj.id,
                        title: '信息详情',
                        text: '[ 详情 ] ',
                        href: 'templates/user/user-list/user-detail.html',
                    });
                    return editStr;
                }
            }],
            data = [{
                o: '1222',
                a: '111',
                b: '已认证',
                c: '企业',
                d: '激想',
                e: 'silence',
                f: '2016-02-13 19:00:00',
                g: '2016-02-13 21:00:00',
                h: '2016-02-13 21:00:00',
                i: '正常',
                j: '545,122.00',
                k: '5,000.00'
            }, {
                o: '1222',
                a: '111',
                b: '已认证',
                c: '企业',
                d: '激想',
                e: 'silence',
                f: '2016-02-13 19:00:00',
                g: '2016-02-13 21:00:00',
                h: '2016-02-13 21:00:00',
                i: '正常',
                j: '545,122.00',
                k: '5,000.00'
            }, {
                o: '1222',
                a: '111',
                b: '已认证',
                c: '企业',
                d: '激想',
                e: 'silence',
                f: '2016-02-13 19:00:00',
                g: '2016-02-13 21:00:00',
                h: '2016-02-13 21:00:00',
                i: '正常',
                j: '545,122.00',
                k: '5,000.00'
            }];
        var store = new Store({ //初始化数据
                data: data,
                pageSize: 2 // 配置分页数目
            }),
            grid = new Grid.Grid({
                render: '#grid',
                elCls: 'small-bui-grid-table',
                columns: columns,
                forceFit: true,
                bbar: {
                    // pagingBar:表明包含分页栏
                    pagingBar: true
                },
                store: store
            }),
            tab = new Tab.TabPanel({
                render: '#tab',
                elCls: 'nav-tabs',
                panelContainer: '#panel', //如果内部有容器，那么会跟标签项一一对应，如果没有会自动生成
                //selectedEvent : 'mouseenter',//默认为click,可以更改事件
                autoRender: true,
                children: [{
                    title: '已认证(2)',
                    value: '1',
                    selected: true
                }, {
                    title: '审核中(3)',
                    value: '2',
                    panelContent: '<p>自定义内部信息</p>'
                }, {
                    title: '待审核(6)',
                    value: '3',
                    panelContent: '<p>自定义内部信息</p>'
                    /*  loader: {
                     url: '../dialog/data/text.php'
                     }*/
                }, {
                    title: '全部(43)',
                    value: '4',
                    panelContent: '<p>自定义内部信息</p>'
                    /*  loader: {
                     url: '../dialog/data/text.php'
                     }*/
                }]
            });
        tab.on('selectedchange', function (ev) {
            var item = ev.item;
            /*切换tab之后显示相应数据*/

        });
        tab.setSelected(tab.getItemAt(0));
        grid.render();
    });
</script>
<!-- script end -->

<body>

</html>
